<script setup>
	const props = defineProps({
		type: Number,
		msg: String,
	})
	console.log("notify",props);
</script>
<template>
	<view class="notify-page">
		<!-- 普通通知31 -->
		<view class="message-tips" v-if="props.type === 31">
			<view class="wrapper">
				{{ props.msg }}
			</view>
		</view>
		<!-- 温馨提示32 -->
		<view class="message-tips" v-if="props.type === 32">
			<view class="wrapper">
				<text class="label">温馨提示：</text>{{ props.msg }}
			</view>
		</view>
	</view>
</template>

<style lang="scss">
	.message-tips {
		display: flex;
		justify-content: center;
		margin: 60rpx 0;
		.wrapper {
			line-height: 1;
			text-align: center;
			font-size: 24rpx;
			padding: 20rpx 30rpx;
			border-radius: 70rpx;
			color: #848484;
			background-color: #fff;
			.label {
				color: #16c2a3;
			}
		}
	}
</style>
